<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>全站搜索</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="description" content="${site.description}"/>
    <meta name="keywords" content="${site.keywords}"/>
    <script src="${ctxStatic}/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <style type="text/css">
        form.search {
            margin: 12px 20px 5px;
        }

        .page {
            margin: 20px;
        }

        form.search input.txt {
            padding: 3px;
            font-size: 16px;
            width: 300px;
            margin: 5px;
        }

        form.search select.txt {
            padding: 3px;
            font-size: 16px;
            width: 308px;
            margin: 5px;
        }

        form.search input.txt.date {
            width: 133px;
        }

        form.search .sel {
            margin-bottom: 8px;
            padding: 0 0 10px 5px;
            border-bottom: 1px solid #efefef;
            font-size: 14px;
        }

        form.search .act {
            font-weight: bold;
        }

        form.search .btn {
            padding: 3px 18px;
            *padding: 1px 0 0;
            font-size: 16px;
        }

        dl.search {
            line-height: 25px;
            border-bottom: 1px solid #efefef;
            margin: 10px 20px 20px;
        }

        dl.search dt {
            border-top: 1px solid #efefef;
            padding: 8px 5px 0px;
            font-size: 16px;
        }

        dl.search dt a.title {
            color: #0000cc;
            text-decoration: underline;
        }

        dl.search dd {
            margin: 0 5px 10px;
            font-size: 14px;
            color: #555
        }

        dl.search dd span, dl.search dd a {
            font-size: 12px;
            color: #008000;
        }

        dl.search .highlight {
            color: #DF0037;
        }

        dl.search dd span.highlight {
            color: #DF0037;
            font-size: 14px;
        }

        dl.search dd span.info span.highlight {
            color: #DF0037;
            font-size: 13px;
        }
    </style>
    <c:if test="${not empty message}">
        <script type="text/javascript">alert("${message}");</script>
    </c:if>
</head>
<body>
<form:form id="searchForm" method="get" class="search">
    <input type="hidden" id="pageNo" name="pageNo" value="${page.pageNo}"/>
    <input type="hidden" id="t" name="t" value="${not empty t?t:'article'}"/>
    <input type="hidden" id="cid" name="cid" value="${cid}"/>
    <input type="hidden" id="a" name="a" value="${not empty t?t:'0'}"/>

    <div class="sel">
        <a href="javascript:" onclick="$('#t').val('article');$('.sel a').removeClass('act');$(this).addClass('act')"
           class="${empty t || t eq 'article'?'act':''}">文章搜索</a> &nbsp;
        <a href="javascript:" onclick="$('#t').val('guestbook');$('.sel a').removeClass('act');$(this).addClass('act')"
           class="${t eq 'guestbook'?'act':''}">留言搜索</a>
    </div>
    <c:choose>
        <c:when test="${param.a eq '1'}">
            <table>
                <tr>
                    <td>包含以下<strong>任意一个</strong>关键词</td>
                    <td><input type="text" name="q" value="${q}" class="txt"/>
                        <input type="submit" value="搜  索" class="btn" onclick="$('#a').val('1')"/>
                        <input type="submit" value="简单搜索" class="btn" onclick="$('#a').val('0')"/></td>
                </tr>
                <tr>
                    <td>包含以下<strong>全部</strong>的关键词</td>
                    <td><input type="text" name="qand" value="${qand}" class="txt"/></td>
                </tr>
                <tr>
                    <td><strong>不包含</strong>以下关键词</td>
                    <td><input type="text" name="qnot" value="${qnot}" class="txt"/></td>
                </tr>
                <tr>
                    <td>检索结果每页显示的条数</td>
                    <td>
                        <select name="pageSize" class="txt">
                            <option value="10"${page.pageSize eq '10'?' selected':''}>每页显示10条</option>
                            <option value="20"${page.pageSize eq '20'?' selected':''}>每页显示20条</option>
                            <option value="30"${page.pageSize eq '30'?' selected':''}>每页显示30条</option>
                            <option value="40"${page.pageSize eq '40'?' selected':''}>每页显示40条</option>
                            <option value="50"${page.pageSize eq '50'?' selected':''}>每页显示50条</option>
                        </select></td>
                </tr>
                <tr>
                    <td><c:if test="${empty t || t eq 'article'}">最后更新日期范围</c:if><c:if
                            test="${t eq 'guestbook'}">留言日期范围</c:if></td>
                    <td>
                        <input id="bd" name="bd" type="text" readonly="readonly" maxlength="20" class="txt date"
                               value="${param.bd}" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true});"/>&nbsp;~&nbsp;
                        <input id="ed" name="ed" type="text" readonly="readonly" maxlength="20" class="txt date"
                               value="${param.ed}" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true});"/>
                    </td>
                </tr>
            </table>
        </c:when><c:otherwise>
        <input type="hidden" id="pageSize" name="pageSize" value="${page.pageSize}"/>
        <input type="text" name="q" value="${q}" class="txt"/>
        <input type="submit" value="搜  索" class="btn" onclick="$('#a').val('0')"/>
        <input type="submit" value="高级搜索" class="btn" onclick="$('#a').val('1')"/>
    </c:otherwise>
    </c:choose>
</form:form>
<dl class="search">
    <c:if test="${empty t || t eq 'article'}">
        <c:forEach items="${page.list}" var="article">
            <dt><a href="${ctx}/view-${article.category.id}-${article.id}${urlSuffix}" class="title"
                   target="_blank">${article.title}</a></dt>
            <dd>${article.description}<span class="info"><br/>发布者：${article.createBy.name} &nbsp; 点击数：${article.hits} &nbsp; 发布时间：<fmt:formatDate
                    value="${article.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/> &nbsp; 更新时间：<fmt:formatDate
                    value="${article.updateDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
                &nbsp;&nbsp;<a href="${ctx}/view-${article.category.id}-${article.id}${urlSuffix}"
                               target="_blank">查看全文</a><br/></dd>
        </c:forEach>
    </c:if>
    <c:if test="${t eq 'guestbook'}">
        <c:forEach items="${page.list}" var="guestbook">
            <dt>${fns:getDictLabel(guestbook.type,'cms_guestbook','')}</dt>
            <dd>${guestbook.content}<span class="info"><br/>姓名：${guestbook.name} &nbsp; 留言时间：<fmt:formatDate
                    value="${guestbook.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span></dd>
            <dd>回复：${guestbook.reContent}<span
                    class="info"><br/>回复人：${guestbook.reUser.name} &nbsp; 回复时间：<fmt:formatDate
                    value="${guestbook.reDate}" pattern="yyyy-MM-dd HH:mm:ss"/></span></dd>
        </c:forEach>
    </c:if>
    <c:if test="${fn:length(page.list) eq 0}">
        <dt><c:if test="${empty q}">请键入要查找的关键字。</c:if><c:if test="${not empty q}">抱歉，没有找到与“${q}”相关内容。</c:if><br/><br/>建议：
        </dt>
        <dd>
            <ul>
                <li>检查输入是否正确；</li>
                <li>简化输入词；</li>
                <li>尝试其他相关词，如同义、近义词等。</li>
            </ul>
        </dd>
    </c:if>
</dl>
<div class="pagination">${page}</div>
<script type="text/javascript">
    function page(n, s) {
        $("#pageNo").val(n);
        $("#pageSize").val(s);
        $("#searchForm").submit();
        return false;
    }
</script>
</body>
</html>